body,h1,h2,h3,ul,li,p{margin:0;padding:0;}

body{font:14px/1.7 Arial,"\5b8b\4f53";}

h1,h2,h3{font:bold 36px/2 "\5fae\8f6f\96c5\9ed1";}

h1{padding:0 20px;background:#333;color:#fff;}

h2{font-size:20px;}

h3{font-size:16px;}

ul{list-style-type:none;}
.wrap{padding:20px;}

.scroll_horizontal{position:relative;width:100%;padding:10px;background-color:#eee;}

.scroll_horizontal .box{overflow:hidden;position:relative;width:80%;height:550px;margin:0 auto;}

.scroll_horizontal .list{overflow:hidden;width:999999px;}

.scroll_horizontal .list li{float:left;width:992px;}

.scroll_horizontal .prev,

.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url("../../img/control.png");background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}

.scroll_horizontal .prev{left:5px;background-position:0 0;}

.scroll_horizontal .next{right:5px;background-position:-40px 0;}

.scroll_horizontal .prev:hover{background-position:0 -50px;}

.scroll_horizontal .next:hover{background-position:-40px -50px;}

.body{
    margin-top: 20px;
    margin-bottom: 50px;
    width: 80%;
    padding: 0 10%;
}
.mybtn{
    font-size:25px;
    /*background-color: #4da6ff;*/
    color: #fff;
    z-index: 999;
}
.top{
    box-sizing: border-box;
    margin-left: -15px;
    margin-right: -15px;
    height: 42px;
    background-color: #4da6ff;

}
.fontFFF{
    color: #f00;
}
.flex-cc{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.selected{
    box-shadow:0px 0px 8px #2955ff;
    background-color: #2955ff;
}
.content{
    width:992px;
    height:500px;
    padding: 20px 0;
    overflow:auto;
}
.pa-5{
    padding: 2.5px 0;
}
.option{
    cursor:pointer;
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    box-shadow:inset 0px 0px 8px #4d88ff;
    border-radius:25px;
}
.optionSelected{
    background-color: #bbb;
}
